page {
    background-color: #F7F3E8;
}

/* @font-face {
    font-family:'siyuan' ;
    src: url('https://yuanchuangjun.moyin.com/static/font/SourceHanSerifSC-VF.ttf.woff2') format('truetype');
    font-display: swap;
} */

.title{
    width: 480px;
    height: 152px;
    line-height: 152px;
    font-family: 'siyuan', sans-serif;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #181410;
    background: url('./images/scroll.png') no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 224px;
    left: 136px;
    z-index: 10;
}

.taro_page {
    background: #B01D30;
}

.full_width_main_btn {
    width: 100%;
    height: 112px;
    line-height: 112px;
    font-size: 30px;
    color: #FFF;
    text-align: center;
    background-color: #956F31;
    display: block;
    margin: 0 auto;
    border-radius: 100px;
}

.main_btn {
    width: 588px;
    height: 112px;
    line-height: 112px;
    font-size: 30px;
    color: #FFF;
    text-align: center;
    background-color: #956F31;
    display: block;
    margin: 0 auto;
    border-radius: 100px;
    margin-top: 50px;
  }

.then_btn {
    width: 588px;
    height: 112px;
    line-height: 112px;
    font-size: 30px;
    color: #956F31;
    text-align: center;
    background-color: #FFF;
    display: block;
    margin: 0 auto;
    border-radius: 100px;
    margin-top: 50px;
}

.container {
    width: 100%;
    position: absolute;
    top: 290px;
    bottom: 0;
    background:rgba(0,0,0,.2) url('./images/znsb_bg.png');
    background-repeat: no-repeat;
    background-position: center 90%;
    background-color: #F7F3E8;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    z-index: 0;
}

.title{
    width: 480px;
    height: 152px;
    line-height: 152px;
    font-size: 40px;
    text-align: center;
    color: #181410;
    background: url('./images/scroll.png') no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 224px;
    left: 136px;
    z-index: 10;
}

.title_tips, .title_tips2, .title_tips3  {
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #816747;
    margin-top: 170px;
    display: inline-block;
}

.title_tips2 {
    margin-top: 40px;
}

.title_tips3 {
    margin-top: 0;
}

.align_left{
    text-align: left;
}

.title_black, .title_error {
    width: 100%;
    text-align: center;
    font-family: 'siyuan',sans-serif;
    font-size: 44px;
    font-weight: bold;
    margin-top: 170px;
    display: inline-block;
}

.title_black{
    color: #3B2122;
}

.title_error {
    color: #B01D30;
}

.bind_item {
    transition: all .1s;
}

.error_tips2 {
    width: 100%;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    color: #B01D30;
    font-size: 32px;
    margin-top: 30px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.orange_color {
    color: #F08B3D;
}

.main_btn2 {
    width: 100%;
    height: 112px;
    line-height: 112px;
    font-size: 30px;
    color: #FFF;
    text-align: center;
    background-color: #956F31;
    display: block;
    margin: 0 auto;
    border-radius: 100px;
}

.success_black{
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    display: inline-block;
}

.black_bg {
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 10;
}

